/**
 * Created by qiupeng on 2017/3/7.
 */
$(function () {
    // banner条切换效果
    ;(function(){
        // 1.批量处理图片
        $('.banner ul li').each(function (index, element) {
            var i = index;
            $(element).css({
                background: 'url(images/banner' + i + '.jpg) no-repeat center center'
            })
        })
        // 2.计时器滚动
        var timer = null;
        var num = 0;
        function gogo() {
            timer = setInterval(function () {
                num++;
                if (num > 4) {
                    num = 0;
                }
                $('.banner ul').animate({left: (num * -100) + '%'})
                //$('.detail_list li').eq(num).addClass('current').siblings().removeClass('current');
                $('.detail_list li').eq(num).stop().addClass('current').siblings().stop().removeClass('current');

            }, 3000)
        };
        gogo();

        $('.banner').hover(function() {
            clearInterval(timer);
            $('.detail_list').stop().animate({top:250});
        },function(){
            gogo();
            $('.detail_list').stop().animate({top:297});
        });

        $('.banner .left').click(function(){
            num--;
            if (num < 0) {
                num = 4;
            }
            $('.banner ul').stop().animate({left: (num * -100) + '%'});
            $('.detail_list li').eq(num).stop().addClass('current').siblings().stop().removeClass('current');

            //$('.detail_list li').eq(num).addClass('current').siblings().removeClass('current');
        })

        $('.banner .right').click(function(){
            num++;
            if (num > 4) {
                num = 0;
            }
            $('.banner ul').stop().animate({left: (num * -100) + '%'})
            //$('.detail_list li').eq(num).addClass('current').siblings().removeClass('current');
            $('.detail_list li').eq(num).stop().addClass('current').siblings().stop().removeClass('current');
        })

        $('.detail_list li').mouseover(function(){
            var index = $(this).index();
            $('.banner ul').stop().animate({left: (index * -100) + '%'});
            //$(this).addClass('current').siblings().removeClass('current');
            $(this).stop().addClass('current').siblings().stop().removeClass('current');
            num = index;
        })
    })();

    // 下拉菜单效果
    ;(function(){
        $('.login_msg').hover(function(){
            $(this).children('.menu_list').stop().toggle();
        })

        $('.free_share').hover(function(){
            $(this).children('.menu_free').stop().toggle();
        })

        $('.nav_heart').hover(function(){
            $(this).children('.heart_list').stop().toggle();
        })
    })();

    // 侧边栏菜单效果
    ;(function(){
        $('#menu .list li:not(:last)').hover(function(){
            var index = $(this).index();
           $('.sub_menu>li').eq(index).addClass('current').siblings().removeClass('current');
        })
        $('.sub_menu>li').mouseenter(function(){
            $(this).addClass('current');
        })
        $('.sub_menu>li').mouseleave(function(){
            $(this).removeClass('current');
        })
        $('#menu').mouseleave(function(){
            $('.sub_menu>li').removeClass('current');
        })
    })();
});